$(function(){
    
    var tabList = $('.tabs')[0].children
    $(tabList).each(function(index){
        $(this).on('click', function(){
            console.log($(this))
            $(this).addClass('active').siblings().removeClass('active')
            var content = $(this).html()
            if(content == '造价指标') {
                $(".content .target").show().siblings().hide()
            }else if(content == '定额应用') {
                $('.content .lists').show().siblings().hide()
            }
        })
    })
    $('.bar').each(function(){
        $(this).on('click', function() {
            $(this).addClass('active').siblings().removeClass('active')
            if($(this).hasClass('active')) {
                console.log($('.bar img:nth-child(2)'))
                $('.bar img:nth-child(1)').each(function(index, ele){
                    $(ele).show()
                })
                $('.bar img:nth-child(2)').each(function(index, ele){
                    $(ele).hide()
                })
                var imgList = $(this).children('img')
                $(imgList[0]).hide()
                $(imgList[1]).show()
            }
        })
    })
    // 点击分类图标
    $("#fenlei").click(function() {
        var alist = $('.links a')
        alist.each(function(index, element){
            if($(element).hasClass('active')) {
                var name = $(element).html()
                //询问框
               layer.open({
                   content: name
                   ,btn: ['取消', '确认']
                   ,yes: function(index){
                   location.reload();
                   layer.close(index);
                   }
               });
            }
        })
    })
    // 分页
    // 上一页
    $('#prev').on('click',function(){
        layer.open({
            content: '点击了上一页'
            ,skin: 'msg'
            ,time: 2 //2秒后自动关闭
        })
    })
    // 下一页
    $('#next').on('click',function(){
        layer.open({
            content: '点击了下一页'
            ,skin: 'msg'
            ,time: 2 //2秒后自动关闭
        })
    })
    // 切换页
    $('.pagination .number').each(function(index, element) {
        $(this).on('click', function() {
            $(this).addClass('active').siblings().removeClass('active')
        })
    })
    // 造价信息
    $('#boxes .box').each(function(index, element){
        $(element).on('click', function(){
            $(this).addClass('active').siblings().removeClass('active')
        })
    })

    var myScroll = new IScroll('#list', {
        mouseWheel: true,//开启鼠标滚轮支持
        scrollbars: true//开启滚动条支持
    });
    myScroll.on('scrollStart', function(){
        console.log('滚动事件')
    });
    myScroll.on('scrollEnd', function(){
        console.log('滚动触底事件')
        // 判断是否还有数据，1 还有数据，修改page，加载新数据
        // 2. 没有数据到底了
    })

});